<template>
  <div>
    <nav-bar class="nav-bar">
      <div class="center" slot="center">{{address.name}}</div>
    </nav-bar>
  </div>
</template>

<script>

import NavBar from 'components/common/navbar/NavBar'
import { mapState } from 'vuex'

export default {
  name: 'IndexNav',
  components: {
    NavBar
  },
  computed: {
    ...mapState(['address','categories'])
  }
}
</script>

<style lang="less" scoped>
.nav-bar {
  position: fixed;
  top: 0px;
}
</style>